<template lang="html">
	<section class="MainArea_box">
    	<ul class="MainArea_main" v-if="Marketmain.length">
      		<li :data_code="item.code" v-for="(item,index) in Marketmain" :key="index" class="MainArea_list" @click="handleClick(item.code)">
        		<p class="MainArea_list_name">{{item.name}}</p>
        		<p class="MainArea_list_jige" v-if="item.change > 0"><span>{{item.price}}</span></p>
        		<p class="MainArea_list_jige" v-else><span>{{item.price}}</span></p>
        		<p class="MainArea_list_fu" :class=" { up:item.change>0,down:item.change<0} ">{{item.changeRate}}</p>
      		</li>
    	</ul>
    	<ul class="MainArea_main" v-else>
    		<li style="text-align: center; padding-top: 65px;">
    			<img src="../../assets/image/timg.gif" width="80" />
    			<p style="text-align: center; color: #999; font-size: 12px;">{{$t("bibi.loading")}}</p>
    		</li>
    	</ul>
  	</section>
</template>
<script>
	export default {
		props:['Marketmain'],
		data() {
			return {}
		},
		watch: {},
		methods: {
			onSubmit:function(){},
			handleClick:function(enevt){
				var _this = this;
				_this.$emit('modifyfun', enevt)
			},
		},	
		// 路由改变时
		beforeRouteLeave(to, from, next) {
		},
		created: function() {
		},
		components: {}
	}
</script>